<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <title>登录成功</title>
  <link rel="stylesheet" href="styles.css">
  <style>
  body {
    /* 梦幻紫到浅蓝渐变背景 */
    background: linear-gradient(to bottom right,  #7fcff0, #b1e27f, #0077be); 
    font: 13px/20px 'Lucida Grande', Tahoma, Verdana, sans-serif;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
    margin: 0;
    padding: 0;
    cursor: pointer; /* 将鼠标指针设置为手型，提示可点击 */
    transition: transform 0.5s ease; /* 添加过渡效果，用于点击时的动画 */
}
.success-container p {
            text-align: center;
            margin-bottom: 30px;
            font-size: 50px;
            color: #0ca3d2; /* 标题颜色突出显示 */
        }
</style>
</head>

<body>
  <div class="success-container">
    <p>欢迎，您已成功登录！</p>
    <p><a href="login.html">退出登录</a></p>
  </div>
</body>

</html>